<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>模板网-www.5imoban.net</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link href="../static/img/tg_comm.css" rel="stylesheet" type="text/css"/>
    <!--[if IE 6]>
<script src="img/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('.flash_bar,#tit_fc1,#tit_fc2,#tit_fc3,#tit_fc4,#flashLine');
</script>
<![endif]-->
</head>

<body>
<link href="../static/img/tg_index.css" rel="stylesheet" type="text/css"/>
<!--header begin-->
<div class="headerbg">
    <div class="header">
        <div id="logo"><a href="/">
            <div class="LogoGaoguang"></div>
            <img src="../static/img/tg_logo.jpg" width="240" height="60"/></a></div>
        <ul class="nav">
            <li class='hover'><a href='index.html'><span>网站首页</span></a></li>
            <li><a href='case.html' rel='dropmenu1'><span>精选案例</span></a></li>
            <li><a href='services.html'><span>服务项目</span></a></li>
            <li><a href='products.html' rel='dropmenu9'><span>产品展示</span></a></li>
            <li><a href='news.html' rel='dropmenu4'><span>最新动态</span></a></li>
            <li><a href='about.html'><span>关于我们</span></a></li>
            <li><a href='contact.html'><span>联系我们</span></a></li>
        </ul>
    </div>
</div>
<!--header end-->
<!--flash begin-->
<div id="flashBg">
    <div id="flashLine">
        <div id="flash">
            <a href="/" target="_blank" id="flash1" style="display:block;" name="#04304b"><img src="../static/img/1.jpg"
                                                                                               width="980"
                                                                                               height="393"/></a>
            <a href="/" target="_blank" id="flash2" name="#000000"><img src="../static/img/2.jpg" width="980"
                                                                        height="393"/></a>
            <a href="/" target="_blank" id="flash3" name="#04304b"><img src="../static/img/3.jpg" width="980"
                                                                        height="393"/></a>
            <a href="/" target="_blank" id="flash4" name="#000000"><img src="../static/img/4.jpg" width="980"
                                                                        height="393"/></a>
            <a href="/" target="_blank" id="flash5" name="#000000"><img src="../static/img/5.jpg" width="980"
                                                                        height="393"/></a>
            <div class="flash_bar">
                <div class="dq" id="f1" onClick="changeflash(1)"></div>
                <div class="no" id="f2" onClick="changeflash(2)"></div>
                <div class="no" id="f3" onClick="changeflash(3)"></div>
                <div class="no" id="f4" onClick="changeflash(4)"></div>
                <div class="no" id="f5" onClick="changeflash(5)"></div>
            </div>
        </div>
    </div>
</div>
<!--flash end-->
<div class="hotnews">
    <style>
        #google1 {
            height: 33px;
            line-height: 33px;
            overflow: hidden;
        }
    </style>
    <div id="google1">
        <ul id="dhooo1">
            <li><a href="/news/gs/2012/0618/11.html" target="_blank">传媒新浪官方微博传媒新浪官方微博传媒新浪官</a></li>
            <li><a href="/news/gs/2012/0618/10.html" target="_blank">传媒新浪官方微博11传媒新浪官方微博</a></li>
            <li><a href="/news/gs/2012/0618/9.html" target="_blank">传媒新浪官方微博传媒新浪官方微博传媒新浪官</a></li>
            <li><a href="/news/gs/2012/0618/8.html" target="_blank">传媒新浪官方微博传媒新浪官方微博2</a></li>
            <li><a href="/news/gs/2012/0618/7.html" target="_blank">传媒新浪官方微博传媒新浪官方微博1</a></li>
            <li><a href="/news/gs/2012/0618/6.html" target="_blank">传媒新浪官方微博传媒新浪官方微博</a></li>
            <li><a href="/news/gs/2012/0618/5.html" target="_blank">传媒新浪官方微博正式开通</a></li>

        </ul>
    </div>
    <script type="text/javascript">
        <!--
        var Marquee = function (A, B, C, D, E, F) {
            var $ = function (id) {
                return document.getElementById(id)
            }, Y = +!!F;
            (A = $(A)).appendChild((B = $(B)).cloneNode(true));
            (function () {
                var m = A.scrollTop % C ? (E || 0) : D;
                A.scrollTop = [0, B.offsetHeight][Y] == A.scrollTop ? [B.offsetHeight - 1, 1][Y] : (A.scrollTop + [-1, 1][Y]);
                setTimeout(arguments.callee, m);
            })()
            return arguments.callee;
        }
        Marquee('google1', 'dhooo1', 33, 8000, 30, 1);
        -->
    </script>
</div>
<!--About begin-->
<div class="index_about">
    <div class="about_team">
        <div class="team"></div>
        <p>长沙某某某某某设计以专业的交互设计、创新理念、视觉呈现，服务国内外企业多达百余家，鼎力为国内外知名企业提供全方位多平台的设计解决方案。</p>
        <a href="/about/" class="team" title="我们的团队"></a>
    </div>
    <div class="about_teamFg"></div>
    <div class="about_ser">
        <div class="ser"></div>
        <ul>
            <li>&nbsp;公司企业标志、软件图标及VI识别系统设计</li>
            <li>&nbsp;网页设计及网站全站建设解决方案</li>
            <li>&nbsp;软件及移动设备界面设计,iOS、Android开发</li>
        </ul>
        <a href="/services/" class="ser" title="我们的服务"></a>
    </div>
    <div class="about_teamFg"></div>
    <div class="about_order">
        <div class="order"></div>
        <p>正确快速和 某某某某建立合作意向，专业的团队会为您的品牌注入新的活力，为企业创造优质的服务和完美的解决方案。</p>
        <a href="/contact/" class="order" title="项目合作"></a>
    </div>
    <!--item begin-->
    <div id="tg_item">
        <div id="item1" class="item">
            <div class="item1" name="divClick"></div>
            <div id="tit_fc1"></div>
            <img src="../static/img/tg_item1.jpg" width="236" height="132"/></div>
        <div id="item2" class="item">
            <div class="item2" name="divClick"></div>
            <div id="tit_fc2"></div>
            <img src="../static/img/tg_item2.jpg" width="236" height="132"/></div>
        <div id="item3" class="item">
            <div class="item3" name="divClick"></div>
            <div id="tit_fc3"></div>
            <img src="../static/img/tg_item3.jpg" width="236" height="132"/></div>
        <div id="item4" class="item">
            <div class="item4" name="divClick"></div>
            <div id="tit_fc4"></div>
            <img src="../static/img/tg_item4.jpg" width="236" height="132"/></div>
    </div>
    <div class="PopBox" id="Pop1" name="PopBox">
        <div class="pop1"><a href="javascript:void(0)" class="close" onclick="ClosePop(1)" title="关闭"><img
                src="../static/img/null.gif" width="34" height="34"/></a></div>
        <div class="pop_bg">
            我们的高级用户体验师会参与产品整个设计周期，为您的网站从产品创新，界面视觉引导，原型设计，与开发一起推动设计实现。将产品及您的构想设计出可视化的视觉元素，比如icon,边框，用户控件，窗口规范，图形化的布局等。同设计团队发展重要附加值的概念，修订产品，完善产品原型。从而对有效提升产品的可行性，交互流程的合理性，用户的易用性。
        </div>
    </div>
    <div class="PopBox" id="Pop2" name="PopBox">
        <div class="pop2"><a href="javascript:void(0)" class="close" onclick="ClosePop(2)">&nbsp;</a></div>
        <div class="pop_bg">
            某某(某某传媒)从创办以来始终以出众的视觉艺术设计和应用表现能力影响着我们的所有客户及每一位使用者。每个作品都能带给观众真正意义上的视觉享受。在传达品牌理念的同时始终能以用户体验为核心进行创新设计，满足您的任何创新需求。我们拥有业界最顶尖的视觉设计师，最专业的设计团队和设计流程规范会为您的企业提升品质、提高价值。
        </div>
    </div>
    <div class="PopBox" id="Pop3" name="PopBox">
        <div class="pop3"><a href="javascript:void(0)" class="close" onclick="ClosePop(3)">&nbsp;</a></div>
        <div class="pop_bg">
            我们的Web前端开发团队由国内知名门户资深Web前端开发工程师组成。为上游视觉设计师和下游系统工程师顺畅沟通架起桥梁。在确保前端代码组织有序下将结构与表现(Xhtml+CSS)相分离，提高代码可维护性和组件易用性。页面小、速度快、并且兼容FF、chrome、Opera、Safari、IE6至IE9等主流浏览器。同时为品牌网站供优秀的SEO服务和顾问咨询。提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益。
        </div>
    </div>
    <div class="PopBox" id="Pop4" name="PopBox">
        <div class="pop4"><a href="javascript:void(0)" class="close" onclick="ClosePop(4)">&nbsp;</a></div>
        <div class="pop_bg">某某某某
            研发团队是一支专业、年轻的队伍，由功力深厚的系统架构师和经验丰富的系统工程师组合而成，每个成员都有着多款成功产品的开发经验，并能够精通PHP、.NET到Java等语言结构互补。我们提供移动设备IOS（iPhone,iPad）及Android平台的功能开发，可以满足您的各种需求。真正为您的企业铸造坚实的后盾。
        </div>
    </div>
    <!--item end-->
</div>
<!--About end-->
<!--out clients begin-->
<div id="clients">
    <div class="L"></div>
    <div class="R"></div>
    <div class="Con">
        <ul>
            <li><a href="/"><img src="../static/img/clients_1.gif" width="110" height="50" onMouseOver="ChangeImg(1)"
                                 onMouseOut="ResetImg(1)" id="img1"/></a></li>
            <li><a href="/"><img src="../static/img/clients_2.gif" width="120" height="50" onMouseOver="ChangeImg(2)"
                                 onMouseOut="ResetImg(2)" id="img2"/></a></li>
            <li><a href="/"><img src="../static/img/clients_3.gif" width="125" height="50" onMouseOver="ChangeImg(3)"
                                 onMouseOut="ResetImg(3)" id="img3"/></a></li>
            <li><a href="/"><img src="../static/img/clients_4.gif" width="115" height="50" onMouseOver="ChangeImg(4)"
                                 onMouseOut="ResetImg(4)" id="img4"/></a></li>
            <li><a href="/"><img src="../static/img/clients_5.gif" width="120" height="50" onMouseOver="ChangeImg(5)"
                                 onMouseOut="ResetImg(5)" id="img5"/></a></li>
            <li><a href="/"><img src="../static/img/clients_6.gif" width="95" height="50" onMouseOver="ChangeImg(6)"
                                 onMouseOut="ResetImg(6)" id="img6"/></a></li>
        </ul>
    </div>
</div>
<!--out clients end-->
<!--footer begin-->
<div id="footer">
    <div id="Copyright">
        <div class="tblog">
            <a href="http://v.t.sina.com.cn/share/share.php?title=我的网站&url=" target="blank" class="sina">新浪微博</a>
            <a href="http://www.facebook.com/sharer.php?u=&t=我的网站" target="blank" class="fb">Facebook</a>
            <a href="http://twitter.com/home?status= " title="分享到 Twitter" target="_blank" class="tw">Twitter</a>
        </div>
        <div class="fl">© Copyright &copy; 2002-2014 DEDECMS. 织梦科技 版权所有&nbsp;&nbsp;皖ICP备12018610号-3
        </div>
    </div>
</div>

<!--footer end-->
<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script>
    $(document).ready(function () {
        $(".item1").hover(function () {
            $("#tit_fc1").stop(false, true).slideDown("normal");
        }, function () {
            $("#tit_fc1").stop(false, true).slideUp("fast");
        });
        $(".item2").hover(function () {
            $("#tit_fc2").stop(false, true).slideDown("normal");
        }, function () {
            $("#tit_fc2").stop(false, true).slideUp("fast");
        });
        $(".item3").hover(function () {
            $("#tit_fc3").stop(false, true).slideDown("normal");
        }, function () {
            $("#tit_fc3").stop(false, true).slideUp("fast");
        });
        $(".item4").hover(function () {
            $("#tit_fc4").stop(false, true).slideDown("normal");
        }, function () {
            $("#tit_fc4").stop(false, true).slideUp("fast");
        });
    });

    var currentindex = 1;
    $("#flashBg").css("background-color", $("#flash1").attr("name"));
    function changeflash(i) {
        currentindex = i;
        for (j = 1; j <= 5; j++) {
            if (j == i) {
                $("#flash" + j).fadeIn("normal");
                $("#flash" + j).css("display", "block");
                $("#f" + j).removeClass();
                $("#f" + j).addClass("dq");
                $("#flashBg").css("background-color", $("#flash" + j).attr("name"));
            }
            else {
                $("#flash" + j).css("display", "none");
                $("#f" + j).removeClass();
                $("#f" + j).addClass("no");
            }
        }
    }
    function startAm() {
        timerID = setInterval("timer_tick()", 10000);
    }
    function stopAm() {
        clearInterval(timerID);
    }
    function timer_tick() {
        currentindex = currentindex >= 5 ? 1 : currentindex + 1;
        changeflash(currentindex);
    }
    $(document).ready(function () {
        $(".flash_bar div").mouseover(function () {
            stopAm();
        }).mouseout(function () {
            startAm();
        });
        startAm();
    });

    function ChangeImg(i) {
        $("#img" + i).removeAttr("src");
        $("#img" + i).attr("src", "img/clients_" + i + "a.gif");
    }
    function ResetImg(i) {
        $("#img" + i).removeAttr("src");
        $("#img" + i).attr("src", "img/clients_" + i + ".gif");
    }
    //----Popfc

    function ClosePop(i) {
        $("#Pop" + i).fadeOut("normal")
    }

    $(function () {
        $("div[name='divClick']").click(function () {
            if ($(this).attr('class') == 'item1') {
                var showDiv = $("#Pop1");   //得到层对象   
            }
            if ($(this).attr('class') == 'item2') {
                var showDiv = $("#Pop2");   //得到层对象   
            }
            if ($(this).attr('class') == 'item3') {
                var showDiv = $("#Pop3");   //得到层对象   
            }
            if ($(this).attr('class') == 'item4') {
                var showDiv = $("#Pop4");   //得到层对象   
            }
            var divName = showDiv.attr('name');   //得到这个层的name
            if (showDiv.is(":hidden")) {     //判断层是否隐藏
                $("div[name='" + divName + "']").hide("normal");
                showDiv.fadeIn("normal");              //true：显示
                $('body').one('click', function () {    //给BODY绑定一次性点击事件
                    showDiv.fadeOut("normal");                    //点击BODY显示层
                });
                return false;                           //返回
            }
            else {
                showDiv.hide();                   //false:显示层
                $('body').one('click', function () {    //给BODY绑定一次性点击事件
                    showDiv.fadeOut("normal");                    //点击BODY显示层
                });
                return false;                           //返回
            }
        });

        $("div[name='PopBox']").click(function () {     //点击显示部分不隐藏
            return false;
        });
    });

    $("#logo").hover(
            function () {
                $(".LogoGaoguang").fadeIn("slow");
            },
            function () {
                $(".LogoGaoguang").fadeOut("slow");
            }
    );
</script>
</body>
</html>